<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>职到 - 职位，手到擒来！</title>
    <meta name="description" content="KIDS is a clean, modern, and fully responsive Html Template. Take your Startup business website to the next level. It is designed for kindergarten, childcare, homeschooling, school, learning, playground businesses or any type of person or business who wants to showcase their work, services and professional way.">
    <meta name="keywords" content="business, care, childcare, children, clean, corporate, happykids, homeschool, kids, kindergarten, playground, responsive, school, learning">
    <meta name="author" content="rometheme.net">

    <!-- ==============================================
    Favicons
    =============================================== -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

    <!-- ==============================================
    CSS VENDOR
    =============================================== -->
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/owl.theme.default.min.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/animate.min.css">

    <!-- ==============================================
    Custom Stylesheet
    =============================================== -->
    <link rel="stylesheet" type="text/css" href="css/style(qt).css" />

    <script src="js/vendor/modernizr.min.js"></script>

    <script src="/js/vue.js"></script>
    <script src="/index.js"></script>
    <script src="/js/axios.min.js"></script>
</head>

<body>
<div id="app">
<!-- LOAD PAGE -->

<div class="animationload">
    <div class="loader"></div>
</div>

<!-- BACK TO TOP SECTION -->
<a href="#0" class="cd-top cd-is-visible cd-fade-out">Top</a>

<!-- TOPBAR -->
<div class="topbar">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-sm-8 col-md-6">
                <div class="info">
                    <div class="info-item">
                        <i class="fa fa-phone"></i> +62 7144 3300
                    </div>
                    <div class="info-item">
                        <i class="fa fa-envelope-o"></i> <a href="mailto:support@zhidao.com" title="">support@zhidao.com</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-md-6">

                <div class="sosmed-icon pull-right d-inline-flex">
                    <a class="navbar-brand" href="my.html">
                        <img src="images/wode.png" alt="">
                    </a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a class="navbar-brand" href="help1.html">
                        <img src="images/help.png" alt="">
                    </a>
                </div>

            </div>
        </div>
    </div>
</div>



<!-- 导航栏 -->
<div class="navbar-main">
    <div class="container">
        <nav id="navbar-example" class="navbar navbar-expand-lg">
            <a class="navbar-brand" href="index1.html">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <img src="images/logo.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <img src="images/slogan.png" alt="">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="index1.html">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="Aworkcompany.html">工作</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="work_post.html">投递</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="forum.html">花果山论坛</a>
                    </li>

                </ul>
            </div>
        </nav> <!-- -->

    </div>
</div>

    <div class="panel-heading" style="margin-left: 50px;margin-top: 50px"><p style="color: #FF4500;font-size: medium">记得检查一下相关信息哦！检查完毕点击“确认投递”</p></div>
<!-- 此处是内容 -->
<br>
<br>
<div>
        <div class="container" style="width: 60%">

            <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑;color: 	#FF0000">投递公司<br><br></div>
            <div class="col-sm-12 col-md-6 col-lg-12">
                <div class="rs-class-box mb-5">
                    <div style="padding-left: 20px;padding-right: 20px;">
                        <br>
                        <p style="color: #0b0b0b">{{candpList[0].company_name}}</p>
                    </div>
                </div>
            </div>
            <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑;color: 	#FF0000">职位<br><br></div>
            <div class="col-sm-12 col-md-6 col-lg-12">
                <div class="rs-class-box mb-5">
                    <div style="padding-left: 20px;padding-right: 20px;">
                        <br>
                        <p style="color: #0b0b0b">{{candpList[0].job}}</p>
                    </div>
                </div>
            </div>
            <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑;color: 	#FF0000">基本信息<br><br></div>
            <div class="col-sm-12 col-md-6 col-lg-12">
                <div class="rs-class-box mb-5">
                    <div class="contentArea">
                        <form label-width="100px" style="padding-left: 20px;padding-right: 20px;">
                            <br>
                            <p style="color: #0b0b0b">姓名:{{resumeList[0].resume_name}}</p>
                            <p style="color: #0b0b0b">性别：{{resumeList[0].resume_sex}}</p>
                            <p style="color: #0b0b0b">籍贯:{{resumeList[0].resume_place}}</p>
                            <p style="color: #0b0b0b">毕业院校：{{resumeList[0].resume_university}}</p>
                            <p style="color: #0b0b0b">学历:{{resumeList[0].resume_degree}}</p>
                            <p style="color: #0b0b0b">电话：{{resumeList[0].resume_tel}}</p>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑;align-items: center;color: 	#FF0000">教育背景<br><br></div>
            <div class="col-sm-12 col-md-6 col-lg-12">
                <div class="rs-class-box mb-5">
                    <div style="padding-left: 20px;padding-right: 20px;">
                        <br>
                        <p style="color: #0b0b0b">{{resumeList[0].resume_bg}}</p>
                    </div>
                </div>
            </div>
            <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑;color: 	#FF0000">工作经历<br><br></div>
            <div class="col-sm-12 col-md-6 col-lg-12">
                <div class="rs-class-box mb-5">
                    <div style="padding-left: 20px;padding-right: 20px;">
                        <br>
                        <p style="color: #0b0b0b">{{resumeList[0].resume_experience}}</p>
                    </div>
                </div>
            </div>
            <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑;color: 	#FF0000">个人技能<br><br></div>
            <div class="col-sm-12 col-md-6 col-lg-12">
                <div class="rs-class-box mb-5">
                    <div style="padding-left: 20px;padding-right: 20px;">
                        <br>
                        <p style="color: #0b0b0b">{{resumeList[0].resume_skill}}</p>
                    </div>
                </div>
            </div>
            <div class="row mt-4" style="font-size:22px;font-family: 微软雅黑;color: 	#FF0000">自我评价<br><br></div>
            <div class="col-sm-12 col-md-6 col-lg-12">
                <div class="rs-class-box mb-5">
                    <div style="padding-left: 20px;padding-right: 20px;">
                        <br>
                        <p style="color: #0b0b0b">{{resumeList[0].resume_evalution}}</p>
                    </div>
                </div>
            </div>
            <div class="text-center" style="margin-bottom: 20px">
                <button type="button" class="btn btn-info" @click="savePost"><p style="color: #F2F2F2;font-size: large">确&nbsp;认&nbsp;投&nbsp;递</p></button>
                <input type="hidden" v-model="resumeList[0].applicant_id" name="stu_name" />
            </div>
        </div>

</div>



<!--此处是底部栏-->
<div class="footer" data-background="images/bg.jpg">
    <div class="content-wrap">
        <div class="container">

            <div class="row">
                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <img src="images/logo.png" alt="logo bottom" class="logo-bottom">
                        <div class="spacer-30"></div>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</p>
                        <a href="#"><i class="fa fa-angle-right"></i> Read More</a>
                    </div>
                </div>

                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <div class="footer-title">
                            Contact Info
                        </div>
                        <ul class="list-info">
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-map-marker"></span>
                                </div>
                                <div class="info-text">99 S.t Jomblo Park Pekanbaru 28292. Indonesia</div> </li>
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-phone"></span>
                                </div>
                                <div class="info-text">(0761) 654-123987</div>
                            </li>
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-envelope"></span>
                                </div>
                                <div class="info-text">info@yoursite.com</div>
                            </li>
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-clock-o"></span>
                                </div>
                                <div class="info-text">Mon - Sat 09:00 - 17:00</div>
                            </li>
                        </ul>

                    </div>
                </div>

                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <div class="footer-title">
                            Useful Links
                        </div>

                        <ul class="list">
                            <li><a href="about.html" title="About us">About us</a></li>
                            <li><a href="teachers.html" title="Our Teacher">Our Teacher</a></li>
                            <li><a href="classes.html" title="Our Classes">Our Classes</a></li>
                            <li><a href="page-events.html" title="Our Events">Our Events</a></li>
                            <li><a href="contact.html" title="Contact Us">Contact Us</a></li>
                        </ul>

                    </div>
                </div>

                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <div class="footer-title">
                            Get in Touch
                        </div>
                        <p>Lit sed The Best in dolor sit amet consectetur adipisicing elit sedconsectetur adipisicing</p>
                        <div class="sosmed-icon d-inline-flex">
                            <a href="#" class="fb"><i class="fa fa-facebook"></i></a>
                            <a href="#" class="tw"><i class="fa fa-twitter"></i></a>
                            <a href="#" class="ig"><i class="fa fa-instagram"></i></a>
                            <a href="#" class="in"><i class="fa fa-linkedin"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="fcopy">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <p class="ftex">Copyright 2019 &copy; <span class="color-primary">Kids HTML Template</span>. Designed by <span class="color-primary">Rometheme.</span></p>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- JS VENDOR -->
<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/owl.carousel.js"></script>
<script src="js/vendor/jquery.magnific-popup.min.js"></script>
<script src="js/vendor/isotope.pkgd.min.js"></script>
<script src="js/vendor/imagesloaded.pkgd.min.js"></script>

<!-- SENDMAIL -->
<script src="js/vendor/validator.min.js"></script>
<script src="js/vendor/form-scripts.js"></script>

<script src="js/script(qt).js"></script>


<script>
    new Vue({
        el:"#app",
        data:{
            candpList:[],
            resumeList:[],
            applicant_id:'',
            position_id:'',
            company_id:'',
            post:{

            }
        },
        methods:{
            savePost:function(){
                var applicant_id = window.localStorage.getItem("applicant_id")
                var company_id = window.localStorage.getItem("company_id")
                //取id号，将position_id、applicant_id、company_id传进数据库post表
                axios.post('/post/add', {
                    position_id:this.candpList[0].position_id,
                    applicant_id:applicant_id,
                    company_id:company_id,
                })
                    .then(function(response){
                    console.log(response.data);
                    if(response.data==1){
                        alert("恭喜你，投递成功！")
                    }
                }).catch(function(error){
                    console.log(error);
                });


            }

        },
        mounted(){
            var _this = this
            var company_id = window.localStorage.getItem("company_id")
            //取company_id，然后根据company_id查出公司名称显示出来
            console.log("主键为："+ company_id)
            axios.get('/company/post1',{
                params:{
                    company_id:company_id
                }
            }).then(function(response){
                _this.candpList=response.data;
                console.log(response.data);
            }).catch(function(error){
                console.log(error);
            });


            //显示求职者信息
             _this = this
            var applicant_id = window.localStorage.getItem("applicant_id")
            //取applicant_id，然后根据applicant_id查找出简历信息显示出来。
            console.log("主键为："+ applicant_id)
            axios.get('/resume/list2',{
                params:{

                    applicant_id:applicant_id
                }
            }).then(function(response){
                console.log(response.data);
                _this.resumeList=response.data;
            }).catch(function(error){
                console.log(error);
            });
        }
    })
</script>
</div>
</body>
</html>